<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="/libs/layui/css/layui.css">
   <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
   <link rel="stylesheet" href="/css/payfor.css">
   <title>支付页面</title>
</head>

<body>
   <header>
      <div class="logo"><img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png" alt=""></div>
      <h3>欢迎来到您的支付详情页面</h3>
      <a href="/index.html">返回首页</a>
      <div class="alert alert-danger hand" role="alert">
         <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
         <span class="sr-only">Error:</span>
         请在下面填写您的详细地址信息
       </div>
   </header>
   <div class="layui-main">
      <form class="layui-form" action="javascript:;" method="" >
         <div class="layui-form-item">
            <label class="layui-form-label">请选择地区</label>
            <div class="layui-inline">
               <select name="province" id="province" lay-verify="required" lay-search lay-filter="province">
                  <option value="">省份</option>
               </select>
            </div>
            <div class="layui-inline">
               <select name="city" id="city" lay-verify="required" lay-search lay-filter="city">
                  <option value="">地级市</option>
               </select>
            </div>
            <div class="layui-inline">
               <select name="district" id="district" lay-verify="required" lay-search>
                  <option value="">县/区</option>
               </select>
            </div>
         </div>
         <div class="layui-form-item">
           <label class="layui-form-label">请填写街道</label>
           <input type="text" style="height: 30px;width: 250px;" id="street">  
         </div>
         <div class="layui-form-item">
            <label class="layui-form-label">请填写姓名</label>
            <input type="text" style="height: 30px;width:100px;" id="name">  
          </div>
         <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
               <button type="submit" class="layui-btn ">确定</button>
            </div>
         </div>
      </form>
   </div>
   <div class="detail-info">
      <div class="detail-name"></div>
      <div class="detail-street"></div>
   </div>
   <div class="payfor-money">
      您待支付的价格：<span>$</span>
      <p>请您在20分钟内尽快完成支付</p>
   </div>
   <div class="comfir-for">
      <div class="btn-group">
         <button type="button" class="btn btn-danger">支付方式</button>
         <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         <span class="caret"></span>
         <span class="sr-only">Toggle Dropdown</span>
         </button>
         <ul class="dropdown-menu" style="width:110px;">
         <li><a href="#">支付宝</a></li>
         <li><a href="#">微信</a></li>
         <li><a href="#">翼支付</a></li>
         <li role="separator" class="divider"></li>
         <li><a href="#">银行卡</a></li>
         </ul>
      </div>
   </div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/payfor"></script>
</html>